angarg12 / nucleogenesis

 elementSelect

 Simple component to display the element selection list.

 @namespace Components

 */

'use strict';

angular.module('game').component('elementSelect', {

  templateUrl: 'views/element-select.html',

  controller: ['state', 'visibility', 'data', elementSelect

  ],

  controllerAs: 'ct',

  bindings: {

    index: '<'

  }

});

function elementSelect (state, visibility, data) {

  let ct = this;

  ct.state = state;

  ct.data = data;

  ct.selectElement = function(element, index) {

    let slot = {};

    for(let key in data.element_slot){

      slot[key] = angular.copy(data.element_slot[key]);

    }

    let first = Object.keys(data.generators)[0];

    slot.generators[first] = 1;

    slot.element = element;

    state.player.element_slots[index] = slot;

    let cachedReactions = state.reactionsCache[slot.element];

    if(cachedReactions){

      slot.reactions = cachedReactions;

    }

    let cachedRedoxes = state.redoxesCache[slot.element];

    if(cachedRedoxes){

      slot.redoxes = cachedRedoxes;

    }

  };

  ct.visibleElements = function() {

    return visibility.visible(data.elements, isElementVisible);

  };

  function isElementVisible(element) {

    return state.player.elements[element];

  }

}